<template>
  <div class="page">
    <div class="page-top"> 
      <span class="left-part">心理健康测试</span>
      <span class="right-part">
        <router-link to="/self">返回</router-link>
      </span>
    </div>
    <div class="page-body">
      <p>暂无测试</p>
    </div>
  </div>
</template>
  
<script>
  export default {
      
  }
</script>
  
<style scoped>
.page{
  background: rgba(242, 241, 241, 1);
  min-height: 100vh;
}
.page-top{
  height: 50px;
  background: rgba(26, 188, 156, 1);
  font-size: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFFFFF;
}
.left-part{
    position: relative;
    left: 30px;
  }
  .right-part{
    position: relative;
    right: 60px;
  }
span{
  margin-left: 20px;
}
p{
  text-align: left; 
  margin: 10px;
  border: 4px solid rgba(26, 188, 156, 1);
  border-top:none;border-bottom:none;border-right: none;
}
.page-body{
  margin: 20px;
  margin-bottom: 0;
  min-height: 60px;
  background: #FFFFFF;
}
/* 点击时去掉下划线 */
.router-link-active {     
    text-decoration: none;
  }
/* 去掉原有链接文字下划线 */
  a {
    text-decoration: none; 
    font-size: 20px;
    color: #ffffff;
  }
</style>